<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>${cmsChannel.seoTitle}-${site.title}</title>
    <meta name="keywords" content="${cmsChannel.keywords}">
    <meta name="description" content="${cmsChannel.description}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/static/website/default/assets/images/favicon.ico"/>

    <link href="/static/website/default/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/static/website/default/plugins/offcanvas/offcanvas.css" rel="stylesheet">
    <link href="/static/website/default/plugins/Font-Awesome-3.2.1/css/font-awesome.min.css" rel="stylesheet">
    <link href="/static/website/default/plugins/bootstrap/bootstrap-glyphicons.css" rel="stylesheet">

    <link href="/static/website/default/assets/css/style.css" rel="stylesheet">
    <link href="/static/website/default/assets/css/main.css" rel="stylesheet">
    <link href="/static/website/default/plugins/pygments/pygments.css" rel="stylesheet">
    <link href="/static/website/default/assets/css/blog.css" rel="stylesheet">
    <link href="/static/website/default/assets/css/footer.css" rel="stylesheet">

</head>

<body>
<!-- 整站通用的头部及导航条 begin -->
<#include "/website/default/common/header.html" />
<!-- 整站内容区 begin -->

<div id="container" class="container">
    <div class="row row-offcanvas row-offcanvas-left active">
        <div class="col-sm-4 sidebar-offcanvas" id="sidebar">
            <div class="panel panel-success">
                <div class="panel-heading">
                    <h3 class="panel-title">个人资料</h3>
                </div>
                <div class="panel-body">
                    <div class="box dashed">
                        <div class="box-body">
                            <a href="/blog/${member.username}">
                                <img alt="${member.nickname}的博客" class="box-object img-rounded"
                                     style="max-width: 162px; max-height: 142px;margin: auto;" src="${member.headPhoto}"
                                     title="${member.nickname}的博客: Fish Where The Fish Are" width="">
                            </a>
                        </div>
                        <div class="box-heading">
                            <h5 class="box-heading text-center">${member.nickname}</h5>
                        </div>
                    </div>
                    <div class="box">
                        <ul id="blog_rank" class="dashed">
                            <li>访问：<span>95900次</span></li>
                            <li>积分：<span>2005</span></li>
                            <li>等级：<span style="position:relative;display:inline-block;z-index:1">
										<img src="http://c.csdnimg.cn/jifen/images/xunzhang/jianzhang/blog5.png" alt=""
                                             style="vertical-align: middle;" id="leveImg">
										<div id="smallTittle"
                                             style=" position: absolute;  left: -24px;  top: 25px;  text-align: center;  width: 101px;  height: 32px;  background-color: #fff;  line-height: 32px;  border: 2px #DDDDDD solid;  box-shadow: 0px 2px 2px rgba (0,0,0,0.1);  display: none;   z-index: 999;">
										<div style="left: 42%;  top: -8px;  position: absolute;  width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-bottom: 8px solid #EAEAEA;"></div>
										积分：2005 </div>
									</span>
                            </li>
                            <li>排名：<span>第19144名</span></li>
                        </ul>
                        <ul id="blog_statistics">
                            <li>原创：<span>100篇</span></li>
                            <li>转载：<span>0篇</span></li>
                            <li>译文：<span>0篇</span></li>
                            <li>评论：<span>27条</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">最近访客</h3>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <img class="box-object img-rounded" style="width: 48px; height: 48px;margin: auto;"
                                 src="../upload/image/user/d.png"/>
                            <h5 class="box-heading text-center">Liber</h5>
                        </div><!--/.col-xs-6.col-lg-4-->
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <img class="box-object img-rounded" style="width: 48px; height: 48px;margin: auto;"
                                 src="../upload/image/user/a.jpg"/>
                            <h5 class="box-heading text-center">Liber</h5>
                        </div><!--/.col-xs-6.col-lg-4-->
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <img class="box-object img-rounded" style="width: 48px; height: 48px;margin: auto;"
                                 src="../upload/image/user/a.jpg"/>
                            <h5 class="box-heading text-center">Liber</h5>
                        </div><!--/.col-xs-6.col-lg-4-->
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <img class="box-object img-rounded" style="width: 48px; height: 48px;margin: auto;"
                                 src="../upload/image/user/b.jpg"/>
                            <h5 class="box-heading text-center">Liber</h5>
                        </div><!--/.col-xs-6.col-lg-4-->
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <img class="box-object img-rounded" style="width: 48px; height: 48px;margin: auto;"
                                 src="../upload/image/user/c.jpg"/>
                            <h5 class="box-heading text-center">Liber</h5>
                        </div><!--/.col-xs-6.col-lg-4-->
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <img class="box-object img-rounded" style="width: 48px; height: 48px;margin: auto;"
                                 src="../upload/image/user/e.jpg"/>
                            <h5 class="box-heading text-center">Liber</h5>
                        </div><!--/.col-xs-6.col-lg-4-->
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <img class="box-object img-rounded" style="width: 48px; height: 48px;margin: auto;"
                                 src="../upload/image/user/e.jpg"/>
                            <h5 class="box-heading text-center">Liber</h5>
                        </div><!--/.col-xs-6.col-lg-4-->
                    </div>

                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">文章分类</h3>
                </div>
                <div class="panel-body">
                    <div class="list-group">
                        <a href="#" class="list-group-item active">java<span class="badge">222</span></a>
                        <a href="#" class="list-group-item">php<span class="badge">14</span></a>
                        <a href="#" class="list-group-item">linux<span class="badge">22</span></a>
                        <a href="#" class="list-group-item">spring<span class="badge">33</span></a>
                        <a href="#" class="list-group-item">spring boot<span class="badge">3</span></a>
                        <a href="#" class="list-group-item">bootstrap<span class="badge">5</span></a>
                        <a href="#" class="list-group-item">javascript<span class="badge">6</span></a>
                        <a href="#" class="list-group-item">jquery<span class="badge">7</span></a>
                        <a href="#" class="list-group-item">android<span class="badge">8</span></a>
                        <a href="#" class="list-group-item">oracle<span class="badge">0</span></a>
                    </div>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">存档分类</h3>
                </div>
                <div class="panel-body">
                    <div class="list-group">
                        <a href="#" class="list-group-item active">2017-01<span class="badge">22</span></a>
                        <a href="#" class="list-group-item">2016-12<span class="badge">14</span></a>
                        <a href="#" class="list-group-item">2016-11<span class="badge">22</span></a>
                        <a href="#" class="list-group-item">更多存档...</a>
                    </div>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">阅读排行</h3>
                </div>
                <div class="panel-body box">
                    <ul>
                        <li>
                            <a href="/brycegao321/article/details/52312030" title="Android5.0以上app进程保活的正确姿势">Android5.0以上app...</a>
                            <span class="badge float-right">7826</span>
                        </li>
                        <li>
                            <a href="/brycegao321/article/details/52131932"
                               title="OkHttp实现多线程并发下载的笔记">OkHttp实现多线程...</a> <span class="badge float-right">6066</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-sm-8">
            <div class="main">
                <div class="well bg-white">
                    <div class="ad_class">
                        <div class="notice tracking-ad" data-mod="popu_3">


                            <a href="http://blog.csdn.net/turingbooks/article/details/76034232">
                                <font color="red"><strong>评论送书 | 7月书讯：众多畅销书升级！ </strong></font></a>

                            &nbsp;&nbsp;&nbsp;&nbsp;


                            <a href="http://blog.csdn.net/blogdevteam/article/details/74550215">
                                <font color="blue"><strong>征文 | 你会为 AI 转型么？</strong></font></a>
                            &nbsp;&nbsp;&nbsp;&nbsp;


                            <a href="http://blog.csdn.net/epubit17/article/details/76066685">
                                <font color="red"><strong>赠书 | AI专场（AI圣经！《深度学习》中文版）</strong></font></a>

                        </div>
                    </div>
                    <div class="list_item">
                        <div id="article_list" class="contents">
                            <#if pageList.list?? && pageList.list?size gt 0>
                                <#list pageList.list as cmsArticle>
                                    <div class="blog-list-detail">
                                        <h4 class="home-font"><a href="/blog/article/${cmsArticle.id}" target="_blank">${cmsArticle.title}</a></h4>

                                        <div class="content">
                                            <p>${cmsArticle.description}</p>
                                            <h5><a href="/blog/article/${cmsArticle.id}" title="Read more..." target="_blank">显示更多</a></h5>
                                        </div>
                                    </div>
                                </#list>
                            </#if>
                        </div>
                        <div id="callBackPager">
                            <div class="pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--通用页脚 begin-->
<#include "/website/default/common/footer.html" />
<!--通用页脚 end-->

<!--手机端底部 begin-->
<#include "/website/default/common/bottom.html" />
<!--手机端底部 end-->

<script src="/static/website/default/plugins/jqPaginator/jqPaginator.js"></script>
<!--<script src="/static/website/default/plugins/bootstrap//offcanvas.js"></script>-->
<script>
    const json = {
        "total": '${pageList.totalCount}',
        "pageCurrent": parseInt('${pageList.pageCurrent}')
    };

    const pageSize = '${pageList.pageSize}';
    $.jqPaginator('.pagination', {
        totalPages: Math.ceil(json.total/pageSize),
        visiblePages: 5,
        currentPage:json.pageCurrent,
        first: '<li class="first"><a href="/blog/list_{{page}}">首页</a></li>',
        last: '<li class="last"><a href="/blog/list_{{page}}">末页</a></li>',
        prev: '<li class="prev"><a href="/blog/list_{{page}}">上页</a></li>',
        next: '<li class="next"><a href="/blog/list_{{page}}">下页</a></li>',
        page: '<li class="page"><a href="/blog/list_{{page}}">{{page}}</a></li>'
    });
</script>
</body>
